:host {
	.progressbar {
		@apply w-full relative;
	}

	.progress-outer {
		@apply w-full inline-block;
	}

	.progress-inner {
		@apply relative inline-block w-full overflow-hidden align-middle rounded-full;
		background-color: var(--ion-color-light-shade);
	}

	.progress-inner-bg {
		@apply rounded-full h-4 m-1;
		background-color: var(--ion-color-danger);
	}
}

:host-context(.dark-theme) {
	.progress-inner-bg {
		background-color: var(--ion-color-primary);
	}
}
